/*************************************
 * generic styling for ALS elements
 ************************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	 
	z-index: 0;
}
.als-container2 {
	position: relative;
	width:85%;
	
	/*margin: 0px auto; */
	margin-left: 14%;
	z-index: 0;
}

/* 모바일 해상도 */
	@media all and (max-width:980px) {	
.als-container2 {
	width:100%;
	margin-left: 0%;}
}
.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	 
}
.als-viewport2 {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	 
}
.als-wrapper {
	position: relative;
	list-style: none;
}
.als-wrapper2 {width: 100%;
	position: relative;
	list-style: none;
}
.als-wrapper2 li.als-item { position: relative;min-width: 80px!important;padding: 0 20px; display: inline-block
}
.als-wrapper1 li,
.als-wrapper2 li  { width: auto!important;padding: 0 10px; display: inline-block;overflow: hidden;}

.bx-controls{display: none!important;}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next, .als-stop {
	position: absolute;
	cursor: pointer;
	clear: both;
	z-index: 10;
}

/*************************************
 * specific styling for #hwInfolist
 ************************************/

/*#hwInfolist {
	margin: 0px auto;
}*/
#hwInfolist .als-viewport {
	max-width: 78%; 
}
#hwInfolist .als-viewport2 {text-align: left;/*padding:0 10%;*/
	width: 85% ;
	height:35px;padding-top: 5px;
	min-width: 80px;
	
}
#hwInfolist .als-item {
	margin: 0px 5px 0 0;
	padding: 4px 0px;
	min-height: 30px;
	min-width: 80px;
	text-align: left;
	color:#ffffff;
}

#hwInfolist .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#hwInfolist .als-prev2  {
	/*top: 0px;*/
	width: 4%;float: left;
}

 
#hwInfolist .als-next2 {
	/*right: 4%;*/width: 4%; float: right;
}
#hwInfolist .als-stop2 {
	/*left: 2%;*/width:4%;float: right;
}

/* 모바일 해상도 */

	@media all and (max-width:980px) {	
#hwInfolist .als-prev2  {
	 width:30px; margin-top: -20px;margin-bottom: 10px;
}

#hwInfolist .als-next2 {
	 width:30px; margin-top: -20px;margin-right: 0px;margin-bottom: 10px;
}
#hwInfolist .als-stop2 {
	width:30px; margin-top: -20px;margin-bottom: 10px;
}
}

/*************************************
 * specific styling for #demo2
 ************************************/

/*#jwInfolist {
	margin: 0px auto;
}*/
#jwInfolist .als-viewport {
	width: 78%;
}
#jwInfolist .als-viewport2 {text-align: left;/*padding:0 10%;*/
	width: 85% ;
	height:35px;padding-top: 5px;
	min-width: 80px;
	
	
}
#jwInfolist .als-item {
	

	margin: 0px 5px 0 0;
	padding: 4px 0px;
	min-height: 30px;
	min-width: 80px;
	text-align: left;
	color:#ffffff;
}

#jwInfolist .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

/*#jwInfolist .als-prev, #demo4 .als-next {
	top: 0px;
}

#jwInfolist .als-prev {
	left: 2%;
}

#jwInfolist .als-next {
	right: 4%;
}*/

#jwInfolist .als-prev2 {
	/*top: 0px;*/
	width: 4%;float: left;
}

#jwInfolist .als-next2 {
	/*right: 4%;*/width: 4%; float: right;
}
#jwInfolist .als-stop2 {
	/*left: 2%;*/width:4%;float: right;
}

/* 모바일 해상도 */
	@media all and (max-width:980px) {	
#jwInfolist .als-prev2 {
	width: 30px; margin-top: -20px;margin-bottom: 10px;
}

#jwInfolist .als-next2 {
	 width: 30px; margin-top: -20px;margin-bottom: 10px;
}
#jwInfolist .als-stop2 {
	 width:30px; margin-top: -20px;margin-bottom: 10px;
}
}
/*************************************
 * specific styling for #demo5
 ************************************/

#demo5 {
	margin: 40px auto; 
}
#demo5 .als-viewport {
	width: 80%;
}
#demo5 .als-item {
	margin: 0px 10px 0 0;
	padding: 4px 0px;
	min-height: 120px;
	min-width: 100px;
	text-align: left;
}

#demo5 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	border: 1px solid #ddd;border-radius: 7px;
}

/*#demo5 .als-prev, #demo4 .als-next {
	top: 20px;
}
*/
#demo5 .als-prev {top: 20px;
	left: 0%;
}

#demo5 .als-next {top: 20px;
	right: 2.5%; 
}
#demo5 .als-stop {top: 20px;
	right: 0%;
}